﻿@import "Library.less";

.navigation {
    margin: 5px 0;

    .navbar {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .hoveropen {
        >.dropdown-menu {
            left: 100%;
            top: 0;
            margin: 0;
        }
    }

    .caret.right {
        border-left: 4px solid;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        position: absolute;
        right: 3px;
        top: 50%;
        margin-top: -4px;
    }

    .logo {
        height: 20px;
        width: auto;
    }

    a {
        text-decoration: none;
    }

    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
        .background-image(@color-main-light,@color-main-light);
    }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        .background-image(@color-main-actived,@color-main-actived);
    }

    .navbar-default .navbar-nav > .open > a {
        .background-image(@color-main,@color-main-light);
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
        color: #fff;
    }

    .navbar-default .navbar-nav > .active > a {
        .background-image(@color-main,@color-main);
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
        color: #000;
    }
}

@media(max-width:768px) {
    .navigation {
        padding: 0;

        .navbar {
            .hoveropen {
                > .dropdown-menu {
                    display: block;
                    margin-left: 10px;
                }
            }
        }

        .caret.right {
            display: none;
        }
    }
}
